<template>
  <view class="classlist">
    <view class="content">
      <navigator
        open-type="navigate"
        v-for="item in 10"
        hover-class="navigator-hover"
        :key="item"
        class="item"
      >
        <image src="../../static/logo.png" mode="scaleToFill" />
      </navigator>
    </view>
  </view>
</template>

<script lang="ts" setup>
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()
</script>

<style lang="scss" scoped>
.classlist {
  .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rpx;
    padding: 5rpx;
    .item {
      height: 440rpx;
      image {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
